@charset "UTF-8";
@import 'normalize';
@import 'compass/reset';

@import 'config';


body{
  background: #e7e7e7;
  font-family: '苹方';
}
a{
  text-decoration: none;
  &:active {
    background: none;
  }
}
.header {
  background: #da0900;
  @include h(90);
  .logo {
    @include w(50);
    @include h(56);
    @include ml(50);
    @include mt(16);
    vertical-align: middle;
  }
  form {
    display: inline-block;
    vertical-align: middle;
    .search {
      @include ml(70);
      @include mt(22);
      @include lh(40);
      @include w(400);
      @include bdr(20);
      border: none;
      outline: none;
      @include fs(20);
      color: #999999;
      text-indent: 1rem;
      background-image: url(../img/home_2.png);
      background-repeat:  no-repeat;
      @include bgs(26,26);
      @include bgp(350,9)
    }
  }
  .nav-pic {
    @include w(44);
    @include w(43);
    @include ml(70);
    @include mt(20);
    vertical-align: middle;
  }
}

/*尾部*/
.footer {
  @include pad(0,48,0,48);
  @include mt(20);
  background: #da0900;
  overflow: hidden;
  .on {
    background: #ffffff;
  }
  .on p{
    color: #da0900;
  }
  .on div {
    @include bgp(-52,0);
  }
  li {
    @include w (98);
    @include h (98);
    float: left;
    @include ml(87);
    @include pad(8,0,10,0);
    box-sizing: border-box;
    text-align: center;
    div {
      @include bgs(104,50);
      @include w (52);
      @include h (50);
      margin: 0 auto;
    }
    &:first-child {
      @include ml(0);
    }
    &:nth-child(1) div{
      background-image: url(../img/home_70.png);
    }
    &:nth-child(2) div{
      background-image: url(../img/home_71.png);
    }
    &:nth-child(3) div{
      background-image: url(../img/home_72.png);
    }
    &:nth-child(4) div{
      background-image: url(../img/home_73.png);
    }
    p {
      @include fs (20);
      @include pt(10);
      color: #ffffff;
    }
  }
}
